import React from 'react';
import './InviteSignup.scss';
import Image from 'next/image';
import SvgIcon from '@/components/SvgIcon';

function InviteSignup() {
  return (
    <div className="invite-signup">
      <div className="invite-signup-inner flex-col items-center">
        <div className="dsz-brand ta-c">
          <Image
            src="https://cdn.dropshipzone.com.au/dstheme/images/LOGO_MARK_USE_ON_VIOLET.png"
            width={160}
            height={170}
            alt="logo"
            className="dsz-logo mb20 dis-ib"
          />
          <div className="dsz-vision">
            <div className="dsz-vision-title">make ship happen</div>
            <div className="dsz-vision-desc">
              You know what to do. Let’s get into it.
            </div>
          </div>
        </div>
        <div className="buttons-container">
          <a
            href="https://web.dropshipzone.com.au/sell"
            className="become-btn become-btn-retailer"
          >
            <span>become a retailer</span>
            <SvgIcon name="arrow-right" size={20} />
          </a>
          <a
            href="https://web.dropshipzone.com.au/supply"
            className="become-btn become-btn-supplier"
          >
            <span>become a supplier</span>
            <SvgIcon name="arrow-right" size={20} />
          </a>
        </div>
      </div>
    </div>
  );
}

export default InviteSignup;
